<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>The North Face北面官方网站 一起野趣出发</title>
</head>

<body>
    <!-- 头 -->
    <div class="top" id="top"></div>
    <!-- 活动 -->
    <div class="slide kvslide">
        <div class="swiper-container" id="ex_slide_443" data-num="1">
            <div class="swiper-wrapper">
                <div class="swiper-slide" data-swiper-slide-index="0">
                    <div class="slide-left">
                        <a
                            href="./active.html">
                            <img src="https://img1.thenorthface.com.cn/public/images/4f/29/97/0a471a4b6af19b3a86514c045a98143cbc8c588c.jpg?1557295139#w"
                                alt=""></a>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <!-- 分类 -->
    <div class="scene">
        <div class="scene_box1">
            <div class="tu"><img
                    src="https://img1.thenorthface.com.cn/public/images/06/a5/b0/376657735a9175163e51cfa8dc0fd75d747819bc.jpg?1529649525#w"
                    style="width:218px;height:120px">
                <div class="bg_hover">
                    <p>越野跑</p>
                    <span>TRAIL RUNNING</span>
                </div>
            </div>

        </div>
        <div class="scene_box1">
            <div class="tu"><img
                    src="https://img3.thenorthface.com.cn/public/images/d8/5e/d2/6fc815ab7c6d7fd9861032b86f0004f0cfe2da75.jpg?1523353778#w"
                    style="width:218px;height:120px">
                <div class="bg_hover">
                    <p>训练</p>
                    <span>OUTDOOR TRAINING</span>
                </div>
            </div>

        </div>
        <div class="scene_box1">
            <div class="tu"><img
                    src="https://img2.thenorthface.com.cn/public/images/6e/43/75/2105e6823fad2e43e7212591272a8827e7b0081e.jpg?1529649568#w"
                    style="width:218px;height:120px">
                <div class="bg_hover">
                    <p>徒步</p>
                    <span>HIKING</span>
                </div>
            </div>

        </div>
        <div class="scene_box1">
            <div class="tu"><img
                    src="https://img2.thenorthface.com.cn/public/images/c9/a8/e0/5e2658c3e9a2e7aac4ff95e97aada867bd2e05dc.jpg?1524220256#w"
                    style="width:218px;height:120px">
                <div class="bg_hover">
                    <p>滑雪</p>
                    <span>SKIING</span>
                </div>
            </div>

        </div>
    </div>
    <!-- 宣传页 -->
    <div class="ad-pic" id="ad_pic_447">
        <a href="./details.html"
            target="_blank">
            <img src="https://img1.thenorthface.com.cn/public/images/8c/cc/21/de7fe9870e04e373b4374613ec6a46a27b16d808.jpg?1557973861#w"
                alt="" width="1140" height="356">
        </a>
    </div>
    <div class="vipeak">
        <div class="eak1">
            <a href="#"><img
                    src="https://img1.thenorthface.com.cn/public/images/c3/8f/cf/6b55a677d9437cfdc5eec11dad3fa93933c22a76.jpg?1552385309#w"
                    style="width:562px;heigth:295px"></a>
        </div>
        <div class="eak2">
            <a href="#"><img
                    src="https://img3.thenorthface.com.cn/public/images/91/0a/1b/b773aac8844b441dec1d97b8796abce23ecebe4d.jpg?1524113331#w"
                    style="width:562px;heigth:295px"></a>
        </div>

    </div>
    <!-- 男女优选 -->
    <div class="chose-nav">
        <ul>
            <li class="click" id="nan"><a href="javascript:;">男式优选</a></li>
            <li class="" id="nv"><a href="javascript:;">女式优选</a></li>
        </ul>
    </div>
    <div class="recommend">
        <div class="recommend_nan" id="nan1">
            <div class="nan1">
                <div class="tu2">
                    <a href="#">
                        <img src="https://img1.thenorthface.com.cn/public/images/3a/74/5d/5b0412a45676d207609161eacb565f8eb27a6d41.jpg"
                            alt="" style="width:275px;height:527px">
                        <div class="bg_b">
                            <img src="https://www.thenorthface.com.cn/themes/tnf/images/look.png">
                        </div>
                    </a>
                </div>
            </div>
            <div class="nan1">
                <div class="tu2">
                    <a href="#">
                        <img src="https://img1.thenorthface.com.cn/public/images/55/e3/5f/788de1eac707c6e520fe029ed2de612e15e11e2a.jpg"
                            alt="" style="width:275px;height:527px">
                        <div class="bg_b">
                            <img src="https://www.thenorthface.com.cn/themes/tnf/images/look.png">
                        </div>
                    </a>
                </div>
            </div>
            <div class="nan1">
                <div class="tu2">
                    <a href="#">
                        <img src="http://img1.thenorthface.com.cn/public/images/14/65/15/58d37ba653e4f9139909351c2c92d52ec036a4ed.jpg"
                            alt="" style="width:275px;height:527px">
                        <div class="bg_b">
                            <img src="https://www.thenorthface.com.cn/themes/tnf/images/look.png">
                        </div>
                    </a>
                </div>
            </div>
            <div class="nan1">
                <div class="tu2">
                    <a href="#">
                        <img src="http://img1.thenorthface.com.cn/public/images/e1/bb/46/7e0ebe666cb7569cc8c2f6c69ca398dbaa84ea5e.jpg"
                            alt="" style="width:275px;height:527px">
                        <div class="bg_b">
                            <img src="https://www.thenorthface.com.cn/themes/tnf/images/look.png">
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="recommend_nan" id="nv1" style="display:none">
            <div class="nan1">
                <div class="tu2">
                    <a href="#">
                        <img src="http://img1.thenorthface.com.cn/public/images/87/7b/f3/938a3180a4c76b10b5b693ed0fa2ad6580165398.jpg"
                            alt="" style="width:275px;height:527px">
                        <div class="bg_b">
                            <img src="https://www.thenorthface.com.cn/themes/tnf/images/look.png">
                        </div>
                    </a>
                </div>
            </div>
            <div class="nan1">
                <div class="tu2">
                    <a href="#">
                        <img src="http://img1.thenorthface.com.cn/public/images/ac/ab/22/a267d7a7098fea81aacc16ba008d5836d0c05c6e.jpg"
                            alt="" style="width:275px;height:527px">
                        <div class="bg_b">
                            <img src="https://www.thenorthface.com.cn/themes/tnf/images/look.png">
                        </div>
                    </a>
                </div>
            </div>
            <div class="nan1">
                <div class="tu2">
                    <a href="#">
                        <img src="http://img1.thenorthface.com.cn/public/images/70/70/47/051e48bca4d205af889feedee88010c2753dc062.jpg"
                            alt="" style="width:275px;height:527px">
                        <div class="bg_b">
                            <img src="https://www.thenorthface.com.cn/themes/tnf/images/look.png">
                        </div>
                    </a>
                </div>
            </div>
            <div class="nan1">
                <div class="tu2">
                    <a href="#">
                        <img src="http://img1.thenorthface.com.cn/public/images/59/1b/1b/2bac1d9ecee1faa28db25ae25bfc2e5cf7c6408a.jpg"
                            alt="" style="width:275px;height:527px">
                        <div class="bg_b">
                            <img src="https://www.thenorthface.com.cn/themes/tnf/images/look.png">
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="jian">
        <div class="banner">
            <ul id="banner1">
                <li><a href=""><img
                            src="https://img1.thenorthface.com.cn/public/images/c0/fe/27/d2918acd42ec046bd554f4d6e3c538a2abbe023d.jpg?1524107070#w"></a>
                </li>
                <li><a href=""><img
                            src="https://img3.thenorthface.com.cn/public/images/48/cc/68/9aebec58ca4448200e74173c9c0043e86315d1b9.png?1530597514#w"></a>
                </li>
                <li><a href=""><img
                            src="https://img3.thenorthface.com.cn/public/images/52/bb/57/8db0e58650a2bb5238cf5ac0253a51546788be8b.jpg?1524107055#w"></a>
                </li>
                <li><a href=""><img
                            src="https://img1.thenorthface.com.cn/public/images/c0/fe/27/d2918acd42ec046bd554f4d6e3c538a2abbe023d.jpg?1524107070#w"></a>
                </li>
            </ul>
        </div>
        <div class="preNext pre"></div>
        <div class="preNext next"></div>
    </div>
    <!-- 分页 -->
    <h3>最佳销售单品</h3>
    <div class="paging">
        <!-- <div class="paging_list">
            <a href="#">
                <img
                    src="https://img1.thenorthface.com.cn/public/images/75/24/e2/180aa2c49ad351dd17e61cbdd7ed94c76e0c8f26.jpg?1557039797#h">
                <p>TheNorthFace北面短裤男户外运动舒适透气上新|3V4X</p>
                <div>
                    <span style=" color: red;font-weight: bold;">598.00</span>
                    <span style=" margin-left: 12px;text-decoration: line-through;color: #c7c7c7;">￥598.00</span>
                </div>
            </a>
        </div> -->
    </div>
    <div class="pageNumber">
        <ul class="page">
            <li>壹</li>
            <li>贰</li>
            <li>叁</li>
            <li>肆</li>
            <li>伍</li>
        </ul>

    </div>
    <div class="footer" id="footer"></div>
</body>

</html>